<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<body>

<p> <input id="li_mer_id" type="text" placeholder="发布者"></p>
<p> <input id="rb_photo" type="text" placeholder="图片"></p>
<p> <input id="rb_address" type="text" placeholder="地址"></p>
<p> <input id="rb_introduce" type="text" placeholder="信息"></p>
<p> <input id="rb_longitude" type="text" placeholder="经度"></p>
<p> <input id="rb_latitude" type="text" placeholder="纬度"></p>
<p> <input id="rb_state" type="text" placeholder="类别"></p>

<p><input id="add" type="submit" value="登录"></p>
<script type="text/javascript">

    $(function() {
        $("#add").click(function() {
            $.ajax(
                {
                    url:"http://localhost:7410/booths/addbooths",
                    contentType:"application/x-www-form-urlencoded;charset=UTF-8",
                    type:"post",
                    dataType: "json",
                    data : {
                        "rb_ad_id":$("#rb_ad_id").val(),
                        "rb_photo":$("#rb_photo").val(),
                        "rb_address":$("#rb_address").val(),
                        "rb_introduce":$("#rb_introduce").val(),
                        "rb_longitude":$("#rb_longitude").val(),
                        "rb_latitude":$("#rb_latitude").val(),
                        "rb_state":$("#rb_state").val()
                    }
                })
        })
    })

</script>
</body>
</html>